<template>
  <el-dialog
    ref="{{camelCase name}}DialogRef"
    v-dialogDrag
    :visible.sync="dialogVisible"
    :title="{{pascalCase name}}"
    :append-to-body="true"
    :close-on-click-modal="false"
    class="{{dashCase name}}-dialog"
    :width="850px"
    :top="15vh"
    :class="[{ 'basic-dialog-scroll': false }]"
  >

    <div slot="footer" class="dialog-footer" :style="{textAlign:'right',padding:'10px'}">
        <el-button  @click="handleSubmit"
        :loading="loading"
        >
          确定
        </el-button>
        <el-button  @click="handleCancel"> 取消 </el-button>
    </div>
  </el-dialog>
</template>
<script>
export default {
  name: '{{pascalCase name}}',
  props: {

  },
  data() {
    return {
      dialogVisible: false,
      loading: false
    };
  },
  methods: {
    open(data) {
      this.dialogVisible = true;

    },
    close() {
      this.dialogVisible = false;
    },
    setLoading(status = false) {
      this.loading = status;
    },
    handleSubmit(){
        
    },
    handleCancel(){
        this.close()
    }
  }
};
</script>
<style lang="scss">
.basic-dialog-scroll {
  /deep/ .el-dialog {
    height: calc(100% - 40px);

    .el-dialog__header {
      .el-dialog__title {
        user-select: none;
      }
    }

    .el-dialog__body {
      height: calc(100% - 134px);
      overflow-y: auto;
    }
  }
}
.{{dashCase name}}-dialog{

}
</style>
